.wrapper_table{
    width: 998px;
    margin: 50px auto 0;
}
.table_x{
    width: 20px;
    color:#fff;
    height: 20px;
    line-height: 20px;
    background:#999999;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

thead{
    tr{
        td{
            text-align: center;
        }
    }
}

.layui-table th{
    text-align: center;
}

.base_opt_c_wrapper .base_opt_c_top{
    text-align: center;
    font-size: 16px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color:#999999;
    border: 1px solid #999999;
    cursor: pointer;
}
.base_opt_c{
    text-align: center;
    font-size: 16px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #333;
    cursor: pointer;
    user-select: none; 
}
.reduce{
    margin-right: 12px;
}
.plus{
    margin-left: 12px;
}

.base_opt_c_wrapper{
    li{
        float: left;
    }
}


.layui-table td, .layui-table th{
    text-align: center;
}


.real_table_header{
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border:1px solid #e6e6e6;
    border-bottom: 0;
    li{
        float:left;
    }
    .table_header_1{
        margin-left: 20px;
        margin-right: 40px;
    }
    .table_header_2{
        margin-right: 40px;
    }
}



.table_bottom{
    border:1px solid #e6e6e6;
    border-top:0;
    li{
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 14px;
        width: 90px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        border-radius: 2px;
        margin-left: 10px;
        a{
            color:#333;
        }
    }
    .banse_bnt{
        border:1px solid #999999;
   
    }
    .banse_bnt_p{
        a{
            color:#fff;
        }
        margin-right: 10px;
        background-color: #008EFF;
        color:#fff;
    }
  
}

.wrapper_table{
    margin-top:60px;
}